<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
	 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Insert title here</title>
		<link rel="stylesheet" type="text/css" href="/wk3un7/backstage/lib/css/layui.css" />
	</head>
	<body>
		<form class="layui-form">
			<!-- 公司介绍 -->
			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">公司介绍</label>
				<div class="layui-input-block">
					<textarea name="home" id="home" lay-verify="content">
					        ${HM.home }
					</textarea>
				</div>
			</div>
			<!-- 品牌故事 -->
			  <div class="layui-form-item layui-form-text">
				<label class="layui-form-label">品牌故事</label>
				<div class="layui-input-block">
					<textarea name="culture" id="culture" lay-verify="content">
					           ${HM.culture }
					</textarea>
				</div>
			</div> 
			<!-- 古驰故事 -->
			  <div class="layui-form-item layui-form-text">
				<label class="layui-form-label">古驰故事</label>
				<div class="layui-input-block">
					<textarea name="info" id="info" lay-verify="content">
					
					</textarea>
				</div>
			</div>  
			<!-- 品牌广告 -->
			  <div class="layui-form-item layui-form-text">
				<label class="layui-form-label">品牌广告</label>
				<div class="layui-input-block">
				
					<textarea name="advertising" id="advertising" lay-verify="content">
					          ${HM.advertising }
					</textarea>
				</div>
			</div>  
			<!-- 相关内容 -->
			  <div class="layui-form-item layui-form-text">
				<label class="layui-form-label">相关内容</label>
				<div class="layui-input-block">
					<textarea name="related" id="related" lay-verify="content">
						 
								${HM.related }
						 
					</textarea>
				</div>
			</div> 
			<!-- 公司电话 -->
			   
			  <div class="layui-form-item">
				<label class="layui-form-label">公司电话</label>
				<div class="layui-input-block">
					<input type="text" name="footerPhone" id="footerPhone" required lay-verify="required" value="${us.footerPhone }" autocomplete="off" class="layui-input">
				</div>
			</div>  
			<!-- 公司邮箱 -->
			  <div class="layui-form-item">
				<label class="layui-form-label">公司邮箱</label>
				<div class="layui-input-block">
					<input type="text" name="footerEmail" required lay-verify="required" value="${us.footerEmail }" autocomplete="off" class="layui-input">
				</div>
			</div>  
			<!-- 公司地址 -->
		  <div class="layui-form-item">
				<label class="layui-form-label">公司地址</label>
				<div class="layui-input-block">
					<input type="text" name="footerUrl" required lay-verify="required" value="${us.footerUrl }" autocomplete="off" class="layui-input">
				</div>
			</div>    
			<div class="layui-form-item" style="margin-bottom: 130px;">
				<div class="layui-input-block">
					<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>
		</form>
		<script src="/wk3un7/backstage/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script>
			//Demo
			layui.use(['form','layedit'], function() {
				var form = layui.form;
				var $=layui.jquery;
				 var layer = layui.layer;
				 var layedit=layui.layedit; //加载layedit模块
				var index= layedit.build('home');//建立编辑器
				var index= layedit.build('culture');//建立编辑器
				var index= layedit.build('info');//建立编辑器
				var index= layedit.build('advertising');//建立编辑器
				var index= layedit.build('related');//建立编辑器
				//提交之前同步富文件编辑器的值到文本域
				form.verify({
					content:function(value){
						return layedit.sync(index);
					}
				});
				//监听提交
				form.on('submit(formDemo)', function(data) {
					var d = data.field; //表单中的数据，定义一个对象来接收
					//通过ajax向数据库提交数据了
					d.method = "update";//执行的方法
					console.log(2);
					console.log(d); //提交之前的一个数据验证、通过打印的方式先手动的去判断一下这个数据
					var url ='/wk3un7/HTServlet';//请求服务器的地址
					//确保数据没有问题就进行ajax提交了
					  $.post(url, d,
						function(data) {
							if(data.count>0){
								console.log('添加成功');
								layer.msg('修改成功');
								var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的name
             					 parent.layer.close(index);		//关闭窗口
							}
						}, "json"); 
					return false;
				});
			});
		</script>
	</body>
</html>
